$(function () {
    // 点击去注册账号 跳往注册界面
    $('.goReg').on('click', function () {
        $('.login_box').hide();
        $('.reg_box').show();
    });
    // 点击去登录 跳往登录界面
    $('.goLogin').on('click', function () {
        $('.login_box').show();
        $('.reg_box').hide();
    });

    // 自定义校验密码规则
    layui.form.verify({
        pwd: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
        repwd: function (value) {
            if ($('.reg_box [name=password]').val() != value) {
                return '两次密码不一致';
            }
        }
    });

    // 发起注册请求
    $('#form_reg').on('submit', function (e) {
        e.preventDefault();
        $.post("/api/reguser", {
            username: $('.reg_box [name=username]').val(),
            password: $('.reg_box [name=password]').val()
        }, function (response) {
            if (response.status !== 0) return layer.msg(response.message);
            layer.msg('注册成功!请登录');
            $('.goLogin').click();
        });
    });


    // 发起登录请求
    $('#form_login').on('submit', function (e) {
        e.preventDefault();
        $.post("/api/login",
            // {
            //     username: $('.login_box [name=username]').val(),
            //     password: $('.login_box [name=password]').val()
            // }, 
            $(this).serialize(),
            function (response) {
                if (response.status !== 0) return layer.msg(response.message);
                layer.msg(('登录成功!'));

                // 保存token值
                sessionStorage.setItem('token', response.token);

                // 跳转到后台主页
                location.href = '/index.html';
            });
    })
})